import { LinkTo } from '@storybook/addon-links'

# <center>pzy-react-iconfont</center>

<Meta title="介绍" />

## 作用

在线方式使用iconfont图标

源代码仓库: [Gitee](https://gitee.com/free_pan/pzy-react-iconfont)

npm资源: [npm](https://www.npmjs.com/package/pzy-react-iconfont)

## 原理

* 接收`scriptUrl`参数(为iconfont的symbol的js地址)，自动创建一个script标签
* 根据传入的`type`参数(为iconfont的图标标识)，自动创建一个svg标签

## IconFont组件属性说明

| 属性名 | 类型 | 说明 |
| ------ | ------ | ------ |
| type | string | iconfont图标标识(必须) |
| className | string | 应用到该图标上的class(可选) |
| style | CSSProperties | 独立的style样式(可选) |

## 使用示例

```tsx
const IconFont = createFromIconfontCN('//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js');
<IconFont type="icon-tuichu" style={{fill:'red'}}/>
```

